<% items = scenarios.select { |scenario| scenario.notes.present? } %>
<% if items.many? %>
  <div class="divide-y divide-dashed divide-lookbook-divider bg-lookbook-prose-bg h-full w-full">
    <% items.each do |item| %>
      <div class="p-4 relative">
        <h6 class="italic font-mono mb-4 opacity-40">
          # <%= item.label %>
        </h6>
        <%= lookbook_render :prose, content: item.notes %>
      </div>
    <% end %>
  </div>
<% else %>
  <div class="p-4 w-full min-h-full h-max bg-lookbook-prose-bg">
    <%= lookbook_render :prose do %>
      <%== items.any? ? items.first.notes : "<em class='opacity-50'>No notes provided.</em>" %>
    <% end %>
  </div>
<% end %>
